<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ include file="../../../attr.jsp"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=emulateIE7" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="${ctx}/css/sapar.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/css/common.css" />
<script type="text/javascript" src="${ctx}/js/jquery.js"></script>
<script type="text/javascript" src="${ctx}/js/sapar.js"></script>
<script type="text/javascript" src="${ctx}/js/WdatePicker.js"></script>
<script type="text/javascript" src="${ctx}/assets/layer/layer.js"></script>
<script type="text/javascript" src="${ctx}/js/kkpager.min.js"></script>
<script type="text/javascript" src="${ctx}/assets/laydate/laydate.js"></script>
<link rel="stylesheet" type="text/css" href="${ctx}/css/kkpager_blue.css" />
<title>清单查询</title>
<style  type="text/css">
th{
text-align: center;
}
td{
text-align: center;
}
	#left{
		float:left; width:100%;
	}
	#saper-container{float:left;width:100%;}
	#table_left{float:left; width:99%;min-height:300px}
	#right{
		float:right; width:30%;min-height:300px
	}
	#sousuotiaojian{
	width:190px;
	}
</style>
</head>
<body>
<div id="left">
	<div id="saper-container">
        <div id="saper-bd">
            <div class="subfiled clearfix">
                <h2>清单查询</h2>
            </div>
            <div class="subfiled-content">
                <div class="search-box clearfix">
                    <div class="kv-item clearfix">
                        <div class="kv-item-content">
                            <span>查询条件:</span>
                        	<input type="text" id="sousuotiaojian" name="sousuotiaojian" placeholder="包名称/灭菌人/灭菌设备/灭菌流水" value="${tiaojian }"  onkeyup="this.value=this.value.replace(/(^\s*)|(\s*$)/g,'')">
                        </div>
                        <!-- <label>审核时间：</label> -->
                        <div class="kv-item-content">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <span>起始时间:</span>
                        	<input type="text" onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})" id="st" name="startTime" value="<fmt:formatDate value='${st}' type='date' pattern='yyyy-MM-dd HH:mm:ss'/>" placeholder="起始时间" readonly="readonly">
                        	<span>终止时间:</span>
                        	<input type="text" onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})" id="et" name="endTime"  value="<fmt:formatDate value='${et}' type='date' pattern='yyyy-MM-dd HH:mm:ss'/>" placeholder="终止时间"  readonly="readonly">
                        </div>
                    </div>
                    <div class="kv-item clearfix">
                    </div>
                    <a href="javascript:;" class="sapar-btn sapar-btn-recom query-btn" id="chaxun">查询</a>
                </div>
                <!--表格开始-->
                <div id="table_left" class="table">
                    <!--表格操作-->
                    <!-- <div class="table-operate ue-clear">
                        <a href="javascript:;" class="add">添加</a>
                        <a href="javascript:;" class="edit">修改</a>
                        <a href="javascript:;" class="del">删除</a>
                    </div> -->
                    <!--表格具体内容-->
                    <div class="table-box">
                        <table>
                            <thead>
                                <tr>
                                    <th>灭菌包条码</th>
                                    <th>灭菌包名称</th>
                                    <th>灭菌流水</th>
                                    <th>灭菌设备</th>
                                    <th>灭菌程序</th>
                                    <th>灭菌人</th>
                                    <th>灭菌开始时间</th>
                                    <th>灭菌结束时间</th>
                                    <th>审核人</th>
                                    <th>审核时间</th>
                                    <!-- <th>审核结果</th> -->
                                </tr>
                            </thead>
                            <tbody>
                                <c:if test="${packageinformationList != null}">
									<!-- var 是给给他起名字 -->
									<c:forEach items="${packageinformationList}" var="miejun">
										<c:if test="${miejun.miejunShenherenTiaoma != ''}">
											<tr data="${miejun.miejunLiushui}" class="miejundata">
												<td>${miejun.packageTiaoma }</td>
												<td>${miejun.tbPackageMuban.packageName }</td>
												<td>${miejun.miejunLiushui }</td>
												<td>${equipMap[miejun.miejunShebeiTiaoma+0].equipName}</td>
												<td>${softMap[miejun.miejunRuanjianTiaoma+0].softName}</td>
												<td>${emMap[miejun.miejunMeijunrenTiaoma]}</td>
												<td>
												    <fmt:formatDate value="${miejun.miejunKaishiTime}"
														type="date" pattern="yyyy-MM-dd HH:mm:ss" />
												</td>
												<td>
												    <fmt:formatDate value="${miejun.miejunJieshuTime}"
														type="date" pattern="yyyy-MM-dd HH:mm:ss" />
												</td>
												<td>${emMap[miejun.miejunShenherenTiaoma]}</td>
												<td>
											     	<fmt:formatDate value="${miejun.miejunShenheTime}"
														type="date" pattern="yyyy-MM-dd HH:mm:ss" />
												</td>
												<%-- <td>
												    <c:if test="${miejun.miejunHege == 3 }">合格</c:if>
												    <c:if test="${miejun.miejunHege == 1 }">不合格</c:if>
												</td> --%>
											</tr>
										</c:if>
									</c:forEach>
                                 </c:if>
                            </tbody>
                        </table>
                    </div>
                    <div id="saper-ft">
        	            <div id="kkpager">
        	        </div>
           </div>
                </div><!--表格结束-->
	            <!-- <div id="right">
				    <div class="table">
						<div class="table-box">
	                        <table id="detail">
	                            <thead>
	                                <tr>
	                                    <th>灭菌包条码</th>
	                                    <th>灭菌包名称</th>
	                                    <th>是否合格</th>
	                                </tr>
	                            </thead>
	                            <tbody>
	                            </tbody>
	                        </table>
	                    </div>
	                    <div>
						<input id="leftPage" class="butLeft" type="button" value="上一页" />
						<input id="rightPage" class="butRight" type="button" value="下一页" />
						<span>到第&nbsp;</span><input id="goPage" class="textBox" type="text" value="1" /><span style="margin-left: 4px;">页&nbsp;</span>
						<input  id="sureBut" class="sure" type="button" value="确定" />
						<span>共</span><span class="totalPages" id="totalNum">0</span><span>&nbsp;页</span>
					</div>
                    </div>
				</div> -->
			</div>
        </div>
    </div>
   </div> 
<script type="text/javascript">
	var pageSize = 10 , currentPage = 1 , totalPage;
	var data = [];
    function isNullOrEmpty(strVal){
		strVal = strVal.replace(/(^\s*)|(\s*$)/g,"");
		if(strVal == '' || strVal == null || strVal == undefined){
			return true;
		}else{
			return false;
		}
	}

	$(function(){
		var tiaojian=$("#sousuotiaojian").val();
		var startTime=$("#st").val();  
        var endTime=$("#et").val();  
		var totalPage = ${total};
		var pageNo = getParameter('pageIndex');
		if(!pageNo){
			pageNo = 1;
		}
		//生成分页
		//有些参数是可选的，比如lang，若不传有默认值
		kkpager.generPageHtml({
			pno : pageNo,
			//总页码
			total : totalPage,
			//链接前部
			hrefFormer : '${ctx}/miejun/miejunSHjieguo',
			//链接尾部
			hrefLatter : '.do',
			getLink : function(n){
				return this.hrefFormer + this.hrefLatter + "?pageIndex="+n+"&searchTxt="+$(".search_text").val()+"&startTime="+startTime+"&endTime="+endTime+"&tiaojian="+tiaojian;
			}
		});
		
		$("#chaxun").click(function() {
			tiaojian=$("#sousuotiaojian").val();
			starttime=$("#st").val();
			endtime=$("#et").val();
	        var start=new Date(starttime.replace("-", "/").replace("-", "/"));  
	        var end=new Date(endtime.replace("-", "/").replace("-", "/"));  
	        if(end<start){  
	           alert("终止时间不能在起始时间之前");  
	        } 
		    window.location.href = "${ctx}/miejun/miejunSHjieguo.do?searchTxt="+searchTxt+"&startTime="+starttime+"&endTime="+endtime;
		});
		
		/* $(".miejundata").click(function(){
			$(this).addClass("xuanzhong").siblings().removeClass("xuanzhong");
			var liushuiId = $(this).attr("data");
			
			$.ajax({
				type:"post",
				url:"${ctx}/miejun/findByMiejunLiushui.do?id="+liushuiId,
				error:function(){
					layer.alert("网络故障，稍后再试");
				},
				success:function(data){
					if(data.state=="true"){
						appendTable(data);
	 	           	}else{
	 	           		 layer.msg(data.msg);
	 	           	}
				}
			});
		}); */
		
		/* $("#sureBut").click(function(){
			goPage();
		});
		$("#leftPage").click(function(){
			leftPages();
		});
		$("#rightPage").click(function(){
			rightPages();
		});	 */
		
		/* $(".packMx").live("dblclick",function(){
			$(this).addClass("xuanzhong").siblings().removeClass("xuanzhong");
			var packId = $(this).attr("data");
			//找儿子的典例
			var name = $(this).find("td:eq(2)").text();
			layer.open({
				  type: 2,
				  title: name+'包明细',
				  maxmin: true,
				  shadeClose: true, //点击遮罩关闭层
				  area : ['800px' , '520px'],
				  content: '${ctx}/wutiaoma/findQixieListPeibao.do?id='+packId+'&name='+name
			});
		}); */
		
		/* $(".query-btn").click(function(){
			tiaojian=$("#sousuotiaojian").val();
			startTime=$("#st").val();  
	        start=new Date(startTime.replace("-", "/").replace("-", "/"));  
	        endTime=$("#et").val();  
	        end=new Date(endTime.replace("-", "/").replace("-", "/"));  
	        if(end<start){  
	           alert("终止时间不能在起始时间之前");  
	        }  
			window.location.href="${ctx}/miejun/miejunSHjieguo.do?startTime="+startTime+"&endTime="+endTime+"&tiaojian="+tiaojian;
		}); */
	});
	
	//=================================================================	

	/* function appendTable(dataList){
		 currentPage = 1  ;
         data = dataList.lstMiejunmingxi;
         packageId = dataList.packageId;
         creatTab();
	} */
  
  	//获得总页数
  	/* function totalPages(){
  		//如果刚好除尽
  		if(data.length % pageSize == 0){
  			totalPage = data.length / pageSize;
  		}
  		else{
  			totalPage = parseInt(data.length / pageSize) + 1;
  		}
  	} */

  	//上一页
  	/* function leftPages(){
  		if(currentPage != 1){
  			currentPage--;
  			//开始创建
  			creatTab();
  		}
  	} */
  	//下一页
  	/* function rightPages(){
  		if(currentPage != totalPage){
  			currentPage++;
  			//开始创建
  			creatTab();
  		}
  	} */
  	//到第几页去
  	/* function goPage(){
  		currentPage = document.getElementById('goPage').value;
  		//如果输入的页数超出总页数，则到最后一页去！
  		if(currentPage > totalPage){
  			currentPage = totalPage;
  		}
  		if(currentPage < 1){
  			currentPage = 1;
  		}
  		creatTab();
  	} */

  	/* function creatTab(){
  		//清空数据
  		$("#detail tbody").empty();
  		$("#checkalltwo").attr("checked",false);
  		//总页数
  		totalPages();
  		$('#totalNum').text(totalPage);
  		//插入页数
  		$('#goPage').val(currentPage);
  		var str = '';
		$("#detail tbody").empty();
		currentRows  = (totalPage == 1 || currentPage == totalPage) ? data.length : currentPage * pageSize ;
		console.log(currentPage);
		console.log(currentRows);
       	for(var i = (currentPage-1) * pageSize; i < currentRows ;i++){
       		str += "<tr class='packMx' data='"+data[i].zsPackageImformation.packageId+"'><td>"+data[i].miejunWupinbaoTiaoma+"</td><td>"+data[i].zsPackageImformation.packageName+"</td><td>"+(data[i].miejunHege==3?"合格":"不合格")+"</td></tr>";
       	}
        $("#detail tbody").append(str);
  	}	 */ 	
	
	function getSelRecord(){
		var chk_value =[];
		$('input[name="qingxiLiushui"]:checked').each(function(){
			chk_value.push($(this).val()); 
		});
		return chk_value;
	}  
  	function getParameter(name) { 
		var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); 
		var r = window.location.search.substr(1).match(reg); 
		if (r!=null) return unescape(r[2]); return null;
	}
</script>
</body>
</html>